// pages/home/home.js
import data from '@data/data';
import map from '@data/map';
import media from '@data/media';
import school from '@data/school';

const app = getApp();

Page({
  /**
   * 页面的初始数据
   */
  data: {
    miniprogram_name: data.miniprogram_name,
    school_information: school.school_information,

    guanwei: school.guanwei,
    AppID: school.AppID,

    laba: media.laba,
    school_logo: media.school_logo,

    function_buttons: media.function_buttons,

    wave: media.wave,

    label: media.label,

    magazine: media.magazine,
    school: media.school,
    information: media.information,
    notes: media.notes,
    admin: media.admin,
    contact: media.contact,
    weather: media.weather,

    APIKEY: data.weatherKey,
    school_location:
      parseFloat(map.longitude).toFixed(2) + ',' + parseFloat(map.latitude).toFixed(2),

    background: media.swiper_background,

    indicatorDots: true, // 是否显示面板指示点
    indicatorColor: 'white', // 指示点颜色
    activeColor: '#2adce2', // 当前选中的指示点颜色
    autoplay: true, // 是否自动切换
    circular: true, // 是否采用衔接滑动
    interval: 3500, // 间隔时间
    duration: 1500, // 滑动时间

    dialogShow: false,
    buttons: [
      {
        text: '关闭',
      },
    ],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getWeather();
  },

  // 图片比例
  imgHeight(e) {
    var winWid = wx.getWindowInfo().windowWidth; // 获取当前屏幕的宽度
    var imgh = e.detail.height; // 图片高度
    var imgw = e.detail.width; // 图片宽度
    var swiperH = (winWid * imgh) / imgw + 'px'; // 等比设置swiper的高度。 即 屏幕宽度 / swiper高度 = 图片宽度 / 图片高度  ==》swiper高度 = 屏幕宽度 * 图片高度 / 图片宽度
    this.setData({
      Height: swiperH, // 设置高度
    });
  },

  // 公众号二维码
  towechat(e) {
    let img = e.currentTarget.dataset.img;
    wx.previewImage({
      current: img,
      urls: this.data.guanwei.map(item => item.img),
    });
  },

  // 跳转小程序
  toMiniProgram(e) {
    let appId = e.currentTarget.dataset.appId;
    wx.navigateToMiniProgram({
      appId,
    });
  },

  // 获取天气
  getWeather() {
    var _this = this;
    wx.request({
      url: 'https://devapi.qweather.com/v7/weather/now',
      data: {
        location: this.data.school_location,
        key: this.data.APIKEY,
      },
      success(res) {
        _this.setData({
          now: res.data.now,
        });
      },
    });
  },

  // 点击图片可查看
  lookPhoto(e) {
    var url = e.target.dataset.src;
    wx.previewImage({
      current: url, // 当前显示图片的http链接
      urls: this.data.background, // 需要预览的图片http链接列表
    });
  },

  // 跳转到地图页
  map() {
    wx.switchTab({
      url: '../map/map',
    });
  },

  // 跳转到校园页
  school() {
    wx.switchTab({
      url: '../school/school',
    });
  },

  // 跳转到地点汇总页（全景图页）
  site() {
    // wx.switchTab({
    //   url: '../site/site',
    // })
    wx.navigateTo({
      url: '../home/pano/pano',
    });
  },

  // 友情链接
  link() {
    this.setData({
      dialogShow: true,
    });
  },

  // 关闭 mp-dialog 会话框
  mapmarker(e) {
    this.setData({
      dialogShow: false,
    });
  },

  // 学校简介
  tointroduction() {
    wx.navigateTo({
      url: './introduction/introduction',
    });
  },
});
